<template lang="html">
  <div class="header_box">
    <div class="geren_header">
      <div class="header_title">{{titlemain}}</div>
    </div>
  </div>
</template>
<script>
export default {
  props:['titlemain'],
  data () {
    return {}
  },
  components:{
  }
}
</script>

<style scoped lang="less">
@import '../../../assets/less/index.less';
.header_box{
  .geren_header{
    width: 100vw;
    .header_title{
      width: 100%;
      height: 13.33vw;
      line-height: 13.3vw;
      color: @color7;
      background-color: @color1;
    }
  }
}
</style>